:host ::ng-deep .logo {
      height: 32px;
      background: #333;
      border-radius: 6px;
      margin: 16px;
    }

    :host ::ng-deep .ant-layout-sider-collapsed .nav-text {
      display: none;
    }

    :host ::ng-deep .ant-layout-sider-collapsed .ant-menu-submenu-title:after {
      display: none;
    }

    :host ::ng-deep .ant-layout-sider-collapsed .anticon {
      font-size: 16px;
      margin-left: 8px;
    }

    :host ::ng-deep .trigger {
      font-size: 18px;
      line-height: 64px;
      padding: 0 16px;
      cursor: pointer;
      transition: color .3s;
    }

    :host ::ng-deep .trigger:hover {
      color: #108ee9;
    }

    #father{
            width: 500px;
            height: 500px;
            border: 1px solid #ccc;
            margin-left: 100px;
            position: absolute;
            /*background: url(timg.jpg);*/
            /*background-size: 100% 100% ;*/
        }
        #fathers{
            width: 500px;
            height: 500px;
            border: 1px solid #ccc;
            margin-left: 100px;
            position: absolute;
            background: url(timg.jpg);
            background-size: 100% 100% ;
        }
        #fathers div{
            background: rgba(112,112,344,.3);
        }
        #son{
            background: rgba(112,112,344,.3);
        }